@charset "utf-8";
 /*  
*@description: 首页 
*@author: name 林异频  
* @update: name (2015-08-22 18:32)更新 */
/**************index_top**************/
.index_top{ clear: both; overflow: hidden;font-size: 14px; text-align: center;}
.index_top big{ clear: both; overflow: hidden; font-size: 30px; color: #3779b8; display: block; padding: 25px 0 10px;font-weight: bold;}
.index_top p{ clear: both; overflow: hidden; background: url(../images/index_top.png) repeat-x bottom;  height: 3px;}
.index_top p em{ height: 3px; width: 90px; display: block; background: #3679b8; margin: 0 auto;}
.index_top span{ display: block; clear: both; overflow:hidden; text-transform:uppercase; color: #595959;font-family: arial; padding: 10px 0;}
/**************index**************/
.index{ clear: both; overflow: hidden; padding: 15px 0;}
.index li{float: left; width: 20%; overflow: hidden; text-align: center;}
.index li a.rounded{ width: 158px; height: 158px; margin: 0 auto; display: block;border-radius: 50%; background:#aeaeae;}
.index li p{font-size: 18px; clear: both; overflow: hidden; padding: 10px 20px 0;}
.index li:hover a.rounded{ background: #3779b8;}

.index1{ background: #4e4e4e; clear:both; overflow: hidden;}
.index1 .index_top big{ color: #fff;}
.index1 .index_top p{ background: url(../images/index_top1.png) repeat-x bottom;}
.index1 .index_top span{color: #868686;}
.index1_1{ clear: both;position: relative; padding: 0 0 10px;}
.index1_1 .bd{clear: both; overflow: hidden;height: 280px; width: 100%; margin-top:15px;}

.index1_1 .bd li{float: left; width: 234px; height: 260px; margin: 0 15px; display: inline-block; overflow: hidden; background: #fff;}
.index1_1 .bd li em{ width: 100%; height:130px; overflow: hidden; display: block;}
.index1_1 .bd li .index1_2{ padding:15px; clear: both; overflow: hidden; line-height: 26px;}
.index1_1 .bd li .index1_2 h4{ clear: both; overflow: hidden; height: 26px; font-weight: lighter;}
.index1_1 .bd li .index1_2 h4 a{ color: #000;}
.index1_1 .bd li .index1_2 p{ color: #8d8d8d; clear: both; overflow: hidden; height: 52px;}
.index1_1 .bd li .index1_2 span{ display: block; clear: both; overflow: hidden;}
.index1_1 .bd li .index1_2 span a{ color: #3779b8;}
.index1_1 .prev,.index1_1 .next{display:inline-block; width:34px; height:100%;  z-index:2}
.index1_1 .prev{background:url(../images/index1.png) no-repeat 0 center; float: left; margin-right: 18px;}
.index1_1 .next{background:url(../images/index1.png) no-repeat right center;float: right; margin-left: 18px;}
.index2{ clear: both; overflow: hidden; padding: 15px 0 50px;}
.index2 li{float: left; width: 256px; margin-right: 45px; background: url(../images/index2_1.png) no-repeat 0 bottom; padding-bottom: 18px; display: inline-block; overflow: hidden;}
.index2 li.index2_last{ margin-right: 0; float: right;}
.index2 li .prol{border: 5px solid #989898; display: block; clear: both; overflow: hidden;position: relative;}
.index2 li .prol:hover{ border-color: #1a7ece;}
.index2 li .prol a{ color:#fff !important;}
.index2 li .proimg_bk{ width: 246px; height: 182px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.index2 li span{text-align:center;position:static;+position:absolute;top:50%;}
.index2 li span img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:240px; max-height:180px}


.index2 li p{left: 0; bottom: 0; background: #848484; z-index: 2; text-align: center; line-height: 34px; font-size: 14px; color: #fff; width: 100%;}
.index2 li .prol:hover p{background: #1a6fb3;}
.index2 li p span{ display:block;width:245px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.index3{ /*background: #eee;*/ clear: both; height: 405px;}
.index3 .beijing{ overflow: visible; padding: 0;    padding-top: 20px;}
.index3_left{float: left;width:345px; position: relative ;z-index: 1; height: 405px; padding: 21px 21px 0 0;background: url(../images/index3.png) no-repeat 0 0; display: inline-block; margin:-21px 40px 0 0;}
.index3_left1{ background: #525252; clear: both; overflow: hidden; padding: 18px; height:369px;}
.index3_top{border-bottom: 1px solid #bebebe; clear: both; overflow: hidden; padding-bottom: 5px; line-height: 30px; }
.index3_top big{float: left; display:inline-block; margin-right:7px; overflow: hidden; color: #ededed;font-size: 16px;}
.index3_top span{float: left; color: #969696; text-transform: uppercase;}
.index3_1{ clear: both; overflow: hidden; margin-top:15px; height:312px;}
.index3_1 .bd{clear: both; overflow: hidden;height: 312px; width: 100%; line-height: 24px;}
.index3_1 .bd .tempWrap{height: 312px !important}
.index3_1 .bd li{ clear:both; overflow: hidden; margin-bottom: 24px; color: #d6d6d6;}
.index3_1 .bd li big{ display: block; clear: both; overflow: hidden; font-size: 16px; color: #4bafff;}
.index3_right{overflow: hidden;}
.index3_2{ width: 555px; overflow: hidden; height: 405px;}
.index4{ clear: both; overflow: hidden; border-bottom: 1px solid #bebebe; padding-top: 10px; line-height: 40px;}
.index4 a{float: right;}
.index4 big{overflow: hidden; font-size: 24px; color: #3679b8;font-weight:bold;}
.index4 span{ text-transform: uppercase; color: #969696;font-size: 14px;font-style: italic;padding-left: 10px;}
.index_news{ clear: both; overflow: hidden; padding: 10px 0;}
.index_news li{ clear: both; overflow: hidden; padding: 8px 0;float: left;}
.index_news1{float: left; width:60px; height: 60px; text-align: center; display: inline-block;margin: 3px 15px 3px 0; overflow: hidden; background: #848484; color: #fff;font-family: tahoma;}
.index_news1 big{ display: block; clear: both; overflow: hidden;font-size: 20px; margin-top: 10px; line-height:24px;}
.index_news1 p{ display: block; clear:both; overflow: hidden;filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; line-height: 18px;}
.index_news2{overflow: hidden;line-height: 22px;}
.index_news2 a{ color: #000;height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-size:14px; }
.index_news2 p{font-size:14px;color:#b9b9b9;height: 43px;overflow: hidden;}
.index_news li:hover .index_news1{ color: #fff; background: #3779b8;}
.index_news li:hover h4 a{ color: #1a7ece;}
.index_app{ clear: both; overflow: hidden; padding: 12px 0 10px;}
.index_app li{ clear: both; overflow: hidden; border-bottom: 1px dashed #bcbcbc; line-height: 39px; background: url(../images/index4.png) no-repeat 5px center; padding-left: 20px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.index_app li a{ float:left;}
.index_app li span{ float:right;color:#b9b9b9;}

.about_btn{ float:left; width:130px; height:30px; background:#3779b8; text-align:center; line-height:30px; position:absolute; left:325px; top:200px;}
.about_btn a{ color:#fff; font-size:13px;}